<meta charset="utf-8">
<div data-ng-controller="DataRecordController">
	
	<div class="container-fluid">
	    <!-- head -->
		<div class="row">
			<div style="padding-top: 0px; padding-left: 20px;z-index: 10;width:100%;position:fixed;height: 20px;margin-top: 20px;">
				<font color="#D3D1CC">电话会议</font> > <font color="#333333">数据记录</font>
			</div>
		</div>
		
		<!-- 消费类型-->
		<div class="row">
			<div class="form-group clearfix col-xs-12" style="position: relative;top: 60px;">
				<div class="confernece_btn" id="confernece_btn" data-ng-click="selectType(1)">
					<div style="font-size: 12px; color: #00000; text-align: center; position: relative; left: 3px; top: 25%;cursor: pointer;">单人会话</div>
				</div>
				<div class="confernece_btn1" id="confernece_btn1" data-ng-click="selectType(2)">
					<div style="font-size: 12px; color: #00000; text-align: center; position: relative; left: 2px; top: 25%;cursor: pointer;">多人会话</div>
				</div>
			</div>
		</div>
		
		<!-- 消费情况 -->
		<div class="row">
			<div class="form-group col-xs-12" style="position: relative;top: 60px;">
				<div class="col-xs-3" style="background-color: #ffffff;">
					<div style="position: relative;margin-left: 16px;margin-top: 12px;">
						当天消费总额
					</div>
					
					<div style="position: relative;right: 10px;margin-top: 1px;float: right;">
						<font color="#00aef7" size="28px">{{consume.theDateConsume}}元</font>
					</div>
				</div>
				<div class="col-xs-3" style="background-color: #ffffff;position: relative;margin-left: 150px;">
					<div style="position: relative;margin-left: 16px;margin-top: 12px;">
						当月消费总额
					</div>
					
					<div style="position: relative;right:10px;margin-top: 1px;float: right;">
						<font color="#f7a300" size="28px">{{consume.theMonthConsume}}元</font>
					</div>
				</div>
				<div class="col-xs-3" style="background-color: #ffffff;float: right;position: relative;">
					<div style="position: relative;margin-left: 16px;margin-top: 12px;">
						累计消费总额
					</div>
					
					<div style="position: relative;right:10px;margin-top: 1px;float: right">
						<font color="#333333" size="28px">{{consume.theCumulativeConsume}}元</font>
					</div>
				</div>
			</div>
		</div>
		<!-- 查询窗口 -->
		<div class="row">
	   		<div style="margin-top:60px;width:100%;text-align: center;vertical-align: middle;padding-right: 16px;background-color: red">
				 <div class="col-xs-6">
			 		<div style="position:fixed;margin-left: 0px;float: left;line-height: 25px;margin-top: 10px;">
						<input data-on-select="changeDate($date)"
							data-ng-model="currentDate" data-fc-datetimepicker="yyyy-mm-dd" class="form-control"
							style="text-align: center;" />
			 		</div>
				 </div>
		 
			 	 <div class="col-xs-6" style="top: 10px;float: right;">
	 	 			<div style="position: relative;float: right;">
	 	 			
	 	 				<!-- 导出 -->
					 	<div style="float: right;line-height:31px;width:31px;height:31px;  border: 1px solid;border-color: #ebd6ae;position: relative;right: 240px;">
					 		<img style="position: relative;top: 5px;right: 1px;" src="images/edit1.png"  data-ng-mouseover="changeCEditImage(true,company.id,'changeCEditImage')" data-ng-mouseout="changeCEditImage(false,company.id)"/>
					 	</div>
					 	<!-- 输入框 -->
					 	<div style="float: right;line-height: 25px;position: relative;left:15px ">
					 		<input type="text"  placeholder="搜索人员岗位" size="35" data-ng-change="search()" data-ng-model="searchKey"/>
					 	</div>
	 	 			</div>
			 	 </div>
		   </div>
   		</div>
		
		<div class="row">
			<!-- 数据记录 -->
			<div class="col-sm-12 paddingLeft0" style="padding-left: 16px;overflow: auto;height: 350px;top: 20px;" >
	            <table class="table table-bordered table-striped table-hover" style="text-align: center;" >
		            <thead>
		            
		            	<tr data-ng-if ="tabChoose==2">
		            		<th style="text-align: center; align:center;" >发起者</th>
		                    <th style="text-align: center; align:center;" >职位</th>
		                    <th style="text-align: center; align:center;" >会议ID</th>
		                    <th style="text-align: center; align:center;" >发起时间 </th>
		                    <th style="text-align: center; align:center;" >参与人数 </th>
		                    <th style="text-align: center; align:center;" >参与者姓名 </th>
		                    <th style="text-align: center; align:center;" >会议时长 </th>
		                    <th style="text-align: center; align:center;" >会议总参与时长 </th>
		            	</tr>
		            	
		            	<tr data-ng-if ="tabChoose==3">
		            		<th style="text-align: center; align:center;" >发起者</th>
		                    <th style="text-align: center; align:center;" >职位</th>
		                    <th style="text-align: center; align:center;" >会议ID</th>
		                    <th style="text-align: center; align:center;" >发起时间 </th>
		                    <th style="text-align: center; align:center;" >拨打方式 </th>
		                    <th style="text-align: center; align:center;" >被叫 </th>
		                    <th style="text-align: center; align:center;" >通话时长 </th>
		            	</tr>
	                </thead>
	                <tbody>
	                
	                	<tr data-ng-if ="tabChoose==2" data-ng-if="data.length > 0" data-ng-repeat="record in data" data-fc-show-detail type="{{record.conferenceType}}" id1="{{record.conferenceId}}" id2="{{record.bookId}}">
	                		<td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserName}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserPost}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.conferenceId}}</td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.joinNum}}</td>
		                    <td style="width:20%; cursor: pointer; text-align:center;">{{record.joinUserNames}} </td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.confTime}}分钟</td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.confSumTime}}分钟</td>
	                	</tr>
	                	
	                	<tr data-ng-if ="tabChoose==3" data-ng-if="data.length > 0" data-ng-repeat="record in data" data-fc-show-detail type="{{record.conferenceType}}" id1="{{record.conferenceId}}" id2="{{record.bookId}}">
	                		<td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserName}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserPost}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.conferenceId}}</td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
		                    <td data-ng-show="{{record.conferenceType==3}}"  style="width:10%; cursor: pointer; text-align:center;">回拨 </td>
		                    <td data-ng-show="{{record.conferenceType==4}}"  style="width:10%; cursor: pointer; text-align:center;">直拨</td>
		                    <td style="width:20%; cursor: pointer; text-align:center;">{{record.calledUserName}} </td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.confTime}}分钟</td>
	                	</tr>
	                	
	                	<!-- <tr data-ng-if ="conferenceType==4" data-ng-if="data.length > 0" data-ng-repeat="record in data" data-fc-show-detail type="{{record.conferenceType}}" id1="{{record.conferenceId}}" id2="{{record.bookId}}">
	                		<td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserName}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserPost}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.conferenceId}}</td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">直拨</td>
		                    <td style="width:20%; cursor: pointer; text-align:center;">{{record.calledUserName}} </td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.confTime}}分钟</td>
	                	</tr> -->
	                	
	                	
		                <!-- <tr data-ng-if="data.length > 0" data-ng-repeat="record in data" data-fc-show-detail type="{{record.conferenceType}}" id1="{{record.conferenceId}}" id2="{{record.bookId}}">
		                    <td style="width:5%; cursor: pointer; text-align:center;">{{$index+1}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserName}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.createUserPost}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.conferenceId}}</td>
		                    
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
		                    <td style="width:10%; cursor: pointer; text-align:center;">{{record.joinNum}}</td>
		                    <td data-ng-show="{{conferenceType==2}}"  style="width:10%; cursor: pointer; text-align:center;">{{record.joinNum}}</td>
		                    <td data-ng-show="{{record.conferenceType==3}}"  style="width:10%; cursor: pointer; text-align:center;">回拨 </td>
		                    <td data-ng-show="{{record.conferenceType==4}}"  style="width:10%; cursor: pointer; text-align:center;">直拨</td>
		                    <td data-ng-show="{{conferenceType==2}}"  style="width:20%; cursor: pointer; text-align:center;">{{record.joinUserNames}} </td>
		                    <td data-ng-show="{{conferenceType==3 || conferenceType==4}}"  style="width:20%; cursor: pointer; text-align:center;">{{record.calledUserName}} </td>
		                    <td style="width:15%; cursor: pointer; text-align:center;">{{record.confTime}}分钟</td>
		                    <td data-ng-show="{{conferenceType==2}}" style="width:15%; cursor: pointer; text-align:center;">{{record.confSumTime}}分钟</td>
		                </tr> -->
	                </tbody>
	            </table>
	        </div>
		
			<div data-ng-if="data.length > 0" class="col-sm-12 paddingLeft0" style="padding-left: 0px;padding-right: 16px;padding-top: 5px;" >
					<div class="yahoo2">
					<span> <a style="cursor: pointer;" ng-click="gotoPage(1);">首页</a>
						<a style="cursor: pointer;" ng-click="upPage(currentPage-1);">上一页</a>
						<a style="cursor: pointer;" ng-click="nextPage(currentPage+1);">下一页</a>
						<a style="cursor: pointer;" ng-click="gotoPage(totalPage);">尾页</a>
					</span>
					当前第{{currentPage}} 页 共 {{totalPage}}页
				</div>
			</div>
		</div>
	</div>
</div>
